<!DOCTYPE html>
<html data-ng-app="reportApp" >
<head lang="en">
    <meta charset="UTF-8">
    <script src="../vendors/angular/angular.min.js"></script>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="../../app.js" charset="UTF-8"></script>
    <script src="../datatable/h5Charts.js" charset="UTF-8"></script>
    <script src="../datatable/H5Draw.js" charset="UTF-8"></script>
    <script src="../controllers/report_controller.js"></script>
    <script src="../services/reportService.js"></script>
    <script src="../services/projectstart_Service.js"></script>
    <script src="http://code.highcharts.com/highcharts.js"></script>
    <script src="../services/BarDiagram.js" charset="UTF-8"></script>
    <title>bar chart</title>
</head>
<style>
    .bar-chart {
        width: 45%;
        height: 350px;
        float: left;
    }
    .bar-title {
        height: 40px;
        width: 200px;
        text-align: center;
    }
</style>
<body data-ng-controller="ReportController">

<div>
    <div class="bar-chart" mode>
        <!--<div class="bar-title">open状态的bug</div>-->
        <div id="barJiraIssueOpen" height=350></div>
    </div>
    <div class="bar-chart" mode>
        <!--<div class="bar-title">reopen状态的bug</div>-->
        <div id="barJiraIssueReopen" width=600 height=350></div>
    </div>
    <div class="bar-chart" mode>
        <!--<div class="bar-title">新创的bug</div>-->
        <div id="barJiraIssueNewBug" width=600 height=350></div>
    </div>
    <div class="bar-chart" mode>
        <!--<div class="bar-title">close的bug</div>-->
        <div id="barJiraIssueCloseBug" width=600 height=350></div>
    </div>
    <div class="bar-chart" mode>
        <!--<div class="bar-title">新特性的bug</div>-->
        <div id="barJiraIssueNewTypeBug" width=600 height=350></div>
    </div>
    <div class="bar-chart" mode>
        <!--<div class="bar-title">新特性、任务、子任务的bug</div>-->
        <div id="barJiraIssue3TypeBug" width=600 height=350></div>
    </div>
    <div class="bar-chart" mode>
        <!--<div class="bar-title">缺陷、改进的bug</div>-->
        <div id="barJiraIssue2TypeBug" width=600 height=350></div>
    </div>

    <div class="bar-chart" style="margin-left: 5%" mode>
        <div class="bar-title">testrail By Product</div>
        <canvas id="testrailByProduct" width=600 height=300></canvas>
    </div>

    <div class="bar-chart" mode>
        <div class="bar-title">commit By Product</div>
        <canvas id="commitByProduct" width=600 height=300></canvas>
    </div>


    <div class="bar-chart" style="margin-left: 5%" mode>
        <div class="bar-title">
            <label style="float: left">commit By Product Person</label>
            <div style="float:left;height:28px;width:200px;border:none;text-align:center;line-height:28px;">
                <select name="" style="height:26px;width:85%;border-radius:4px;" ng-model="selectedPro"
                        ng-options="pro.productName for pro in allpros" ng-change="changeProdcut()">
                    <option value="">请选择产品</option>
                </select>
            </div>
        </div>
        <canvas id="commitByProductPerson" width=600 height=300></canvas>
    </div>
</div>
</body>
</html>